<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/rem.js"></script>
    <link rel="stylesheet" href="./css/clear.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/video.css">
</head>
<body>
    <div class="content">
        <div class="header">
            <img src="./img/code.png" alt="">
            <ul>
                <li class="active">推荐</li>
                <li>关注</li>
                <li>直播</li>
            </ul>
            <img src="./img/search.png" alt="">
        </div>

        <div class="shop">
            <div class="name">
                <img src="./img/shop.png" alt="">
                <p>美林美妆合肥店 >7KM</p>
            </div>

            <div class="item">
                <img class="item_img" src="./img/user.png" alt="">
                <div class="text">
                    <div class="title">夏季网纱半身裙中长款纱……</div>
                    <div class="price_wrap">
                        <div class="price">¥68.00</div>
                        <div class="tips">
                            <span>精选</span>
                        </div>
                    </div>
                    <div class="count">已卖1020</div>
                </div>
                <img class="car_icon" src="./img/car_m.png" alt="">
            </div>

            <div class="music">
                <img src="./img/muisc.png" alt="">
                <p>你像花儿一样美（DJ）版</p>
            </div>
        </div>

        <div class="video_action">
            <div class="photo">
                <img src="./img/user.png" alt="">
                <img src="./img/plus.png" alt="">
            </div>
            <ul>
                <li>
                    <img src="./img/like.png" alt="">
                    <p>71.1W</p>
                </li>
                <li>
                    <img src="./img/share.png" alt="">
                    <p>分享</p>
                </li>
                <li>
                    <img src="./img/comment.png" alt="">
                    <p>评论</p>
                </li>
                <li>
                    <img src="./img/car.png" alt="">
                    <p>购物袋</p>
                </li>
            </ul>
        </div>

    </div>
    <ul class="footer">
        <li class="active">首页</li>
        <li>好友</li>
        <li>圈子</li>
        <li>购物车</li>
        <li>我的</li>
    </ul>
</body>

</html>